

header{
    width:100%;
    height:48px;
    position: fixed;
    top:0;
    left:0;
    background: #123456;
    .head{
        
        height:48px;
        display: flex;
        width:1200px;
        margin:0 auto;
        align-items: center;
        .title{
            text-align: center;
            font-size: 26px;
            width:160px;
            padding:0 20px;
            color:#fff;
        }
        .mar{
            width:50%;
            padding:0 50px;
            color:orange;
            margin:0 50px;
        }
        .haslogin{
            color:orange;
            font-size: 15px;
            font-weight: bold;
            text-align: center;
            flex:1;
        }
        .nologin{
            flex:1;
            text-align: center;
            color:orchid;
            .gologin{
                color:#fff;
            }
        }
    }
}

footer{
    width:100%;
    height:50px;
    .foot{
        width:100%;
        height:50px;
        line-height: 50px;
        text-align: center;
        color:#fff;
        background: #444;
    }
}